<div>
  <todo-header
    on-add="addItem(content)"
    on-change-order="onChangeOrder(ascend)">
  </todo-header>
  <todo-body 
    list="todoList"
    on-undo="undo(item)"
    on-archive="archive(item)"
    on-archive-all="archiveAll(item)">
  </todo-body>
  <todo-footer></todo-footer>
  <todo-dialog
    visible="dialogVisible"
    on-confirm="confirmArchive()"
    on-cancel="cancelArchive()"
  >
    <p>
      是否归档{{ archiveItem.content || '全部' }} ?
    </p>
  </todo-dialog>
</div>